<template>
  <div class="ticket-wrapper"
       @click="handleCheck">
    <div class="desc">选择优惠券</div>
    <i class="iconfont">&#xe6bf;</i>
  </div>
</template>
<script>
export default {
  name: 'ticket',
  methods: {
    handleCheck () {
      this.$emit('check')
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.ticket-wrapper
  width 100%
  height 96px
  background $common_bgc
  border-radius 24px
  display flex
  padding-left 30px
  padding-right 30px
  box-sizing border-box
  align-items center
  margin-bottom 20px
  justify-content space-between

  .desc, i
    font-size $address_name
    font-weight 400
    color $original_price
</style>
